<template>
  <dv-scroll-board
    :config="config"
    style="height:200px" />
</template>

<script>
export default {
  name: 'RankingBoard',
  props: {
    rawData: {
      type: Array,
      default: () => []
    }
  },
  data () {
    return {
      config: {
        data: this.rawData.map(item => {
          return [item.name, item.value]
        }),
        index: true,
        columnWidth: [40, 100, 80],
        align: ['center'],
        rowNum: 6
      }
    }
  }
}
</script>
